html{
    overflow: hidden;
    font-size: 62.5%;
    height: 100%;


}

body{
    background-image: url("../images/background-color.png");
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
@media (max-width:1380px ) {
    body{
        font-size: 8px;
    }

}
/*主要显示部分的背景控制*/
.container-fluid .body{
    margin-top: 50px;

}

.body-top .dl-horizontal {
    float: right;
    width: 100%;
}
.body .body-top .body-left{
    position:relative;
    background-image: url("../images/sqdj-body-top-left.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top:90px;
    margin-left:2%;
}
.body .body-top .body-left .body-left-first{
    position:absolute;
    top: 65%;
    left: 24%;
    width:50%;
    height: 14%;
    margin: 0px auto;
    text-align: center;

}
.body .body-top .body-left .body-left-first span{
    display: inline-block;
    width: 19%;
    height:100%;

    background-image: url("../images/sqdj-body-top-left-number.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;

    color:rgb(128,125,37);


    font-size: 50px;
    text-align: center;
}

.body .body-top .body-middle{



    background-image: url("../images/sqdj-body-top-middle.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top:50px;
    margin-left:3%;
}
.body .body-top .body-middle .map{
    background-image: url("../images/map.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 70%;
    width:80%;
    margin:0px auto;
    margin-top: 20%;
}
.body .body-top .body-middle .body-middle-down{
    width:100%;
    height: 6%;
    color:rgb(1,207,253);
    text-align: center;
    padding-top: 2%;
}
.body .body-top .body-right{
    background-image: url("../images/sqdj-body-top-right.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left: 2%;
    margin-top:90px;
}





/*
下半部分*/
.body .body-down .body-down-left{
     width:582px;
     height:380px;
     background-image: url("../images/sqdj-body-down-left.png");
     background-repeat: no-repeat;
     background-size: 100% 100%;
     margin-top:10px;
     margin-left:2%;
 }
.body .body-down .body-down-middle{
    width:582px;
    height:380px;
    background-image: url("../images/sqdj-body-down-middle.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top:10px;
    margin-left:2%;
}
.body .body-down .body-down-right{
    width:582px;
    height:380px;
    background-image: url("../images/sqdj-body-down-middle.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top:10px;
    margin-left:2%;
}
.body .footer{
    width:100%;
    padding-right: 2%;
    font-size:10pt;
    text-align: center;
    color:white;
}


/*
对其中的框进行填充*/
.body .body-top .body-right .body-right-first{
    width:100%;
    height:14%;
    margin:0px;
}
.body .body-top .body-right .body-right-second{
    width:100%;
    height:19%;
    margin:0px;
}
.body .body-top .body-right .body-right-third{
    width:100%;
    height:65%;
    margin:0px;
}

.body .body-top .body-right .body-right-first .body-right-first-title{
    height: 60%;
    background-image: url("../images/sqdj-body-top-right-title.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-top:4%;
    margin-left:4%;

    color:white;
    font-size: inherit;
    text-align: center;
    padding-top: 1%;
    padding-left: 2%;
}
.body .body-top .body-right .body-right-first .body-right-first-content{
    width: 69%;
    text-align: center;
    word-break: break-word;
    margin-top:5%;
    color:white;
    font-size: inherit;
}
.body .body-top .body-right  .body-right-second .body-right-second-search{

    height: 76%;
    background-image: url("../images/sqdj-body-top-right-search.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    opacity: 0.4;

    margin-top: 3%;
    margin-left: 4%;

    font-size: 2rem;
    color:rgb(68,94,178);
}


/*
设置表的结构*/
td{

    border:0px !important;
}
th{
    border:0px !important;
    color:rgb(245,196,8);
}
.body .body-top .body-right .body-right-third .body-left-third-table{

    background-image: url("../images/sqdj-body-top-right-table.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    height: 85%;
    margin-top: 5%;
    margin-left: 5%;
    margin-right: 5%;
    font-size: inherit;
    color:white;
    overflow:scroll;
    white-space:nowrap;
    text-overflow:ellipsis;
}
.body-left-third-table::-webkit-scrollbar {/*滚动条整体样式*/
     width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/
     height: 4px;
 }
.body-left-third-table::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px;
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    background: rgba(0,0,0,0.2);
}
.body-left-third-table::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
    border-radius: 0;
    background: rgba(0,0,0,0.1);
}
.body .body-top .body-right .body-right-third .body-left-third-table table{
    height:100%;
    font-size:inherit;
}
.body .body-top .body-right .body-right-third .body-left-third-table th{
    text-align: center;
}
.body .body-top .body-right .body-right-third .body-left-third-table table tr td{
    font-size: inherit ;
}